.el-pagination {
  margin-top: 20px;
  text-align: right;
  white-space: nowrap;
  font-size: 12px;
  line-height: 26px;

  & > * {
    vertical-align: top;
  }
}

@mixin b {
  width: 26px;
  height: 26px;
  margin-left: 6px;
  line-height: 24px;
  display: inline-block;
  border: 1px solid #dddee1;
  color: #495060;
  @include border-radius(4px);
  text-align: center;
  cursor: pointer;
}

.el-pagination__total,
.el-pagination__sizes,
.btn-prev,
.el-pager,
.btn-next,
.el-pagination__jump {
  display: inline-block;
}

.el-pagination__total {
  color: #80848f;
}

.el-pagination__sizes,
.el-pagination__jump {
  margin-left: 20px;
}

.btn-prev,
.btn-next {
  @include b;
  background-color: transparent;
  .el-icon {
    margin-top: 6px;
  }
}

.btn-prev {
  margin-left: 20px;
}

.el-pager {
  li {
    @include b;
    vertical-align: top;

    &.active {
      border-color: #2b74ff;
      color: #2b74ff;
    }
  }

  .more {
    background-size: 12px 12px;
  }

  .el-icon-more {
    &::after {
      content: "...";
      display: inline-block;
      line-height: 14px;
      height: 14px;
      text-align: center;
      vertical-align: top;
      margin-top: 2px;
    }
  }
}

.el-pagination__sizes {
  color: #495060;
  .el-select--mini {
    width: 66px;
    margin-left: 6px;
    vertical-align: top;

    .el-input__inner {
      height: 26px;
      padding: 0 0 0 12px;
      line-height: 26px;
      vertical-align: top;
      color: #495060;
    }
  }
}

.el-pagination__jump {
  .el-input {
    width: 48px;
    margin: 0 6px;
  }
  .el-input__inner {
    padding: 0;
    line-height: 26px;
    height: 26px;
    text-align: center;
  }
}
